<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>电子书城</title>
    <link type="text/css" rel="stylesheet" href="css/base.css">
    <link type="text/css" rel="stylesheet" href="css/index.css">
</head>
<body>
<div id="container">
    <div class="header">
        <div class="searchWrap">
            <img src="resources/images/icon_login.gif" class="searchContent">
            <input value="商品关键字" class="searchContent">
            <select class="searchContent">
                <option>所有商品</option>
                <option>计算机类</option>
                <option>英语类</option>
                <option>数学类</option>
            </select>
            <img src="resources/images/icon_search.gif" class="searchContent">
        </div>
    </div>
    <div class="menu">
        <ul class="menuUL">
            <li>
                <a href="#">商城首页</a>
            </li>
            <li>
                <a href="#">购物车管理</a>
            </li>
            <li>
                <a href="#">订单管理</a>
            </li>
            <li>
                <a href="#">顾客留言</a>
            </li>
            <li>
                <a href="#">修改个人资料</a>
            </li>
            <li>
                <a href="#">地址管理</a>
            </li>
        </ul>

    </div>
    <div class="main">
        <div class="indexWrap">
            <div class="indexLeft">
                <div class="loginWrap">
                    <h3>会员登录</h3>
                    <div class="accountWrap">
                        登录账号：<input type="text">
                    </div>
                    <div class="accountWrap">
                        登录密码：<input type="password">
                    </div>
                    <div class="loginOperator">
                        <button class="btnRegister">注册</button>
                        <button class="btnLogin">登录</button>
                    </div>
                </div>
                <div class="categoryWrap">
                    <h3>商品类别</h3>
                    <ul class="categoryUl">
                        <li>
                            <a href="#">计算机类</a>
                        </li>
                        <li>
                            <a href="#">经济类</a>
                        </li>
                        <li>
                            <a href="#">管理类</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="indexRight">
                <div class="areaWrap">
                    <div class="areaTitleWrap">
                        <img class="logo" src="resources/images/Icon_TeJia.gif">
                        <img class="more" src="resources/images/icon_more.gif">
                    </div>
                    <hr>
                    <div class="merchantWrap">
                        <div class="merchant">
                            <img src="resources/Picture/8768781-1_b.jpg" class="merchantImg">
                            <br>
                            <a>管理是什么</a>
                            <br>
                             市场价：￥56.0
                             <br>
                             特价：￥50.0
                             <br>
                             <img src="resources/images/icon_car.gif">
                             <img src="resources/images/icon_buy.gif">
                         </div>
                        <div class="merchant">
                            <img src="resources/Picture/8768781-1_b.jpg" class="merchantImg">
                            <br>
                            <a>管理是什么</a>
                            <br>
                             市场价：￥56.0
                             <br>
                             特价：￥50.0
                             <br>
                             <img src="resources/images/icon_car.gif">
                             <img src="resources/images/icon_buy.gif">
                         </div>
                        <div class="merchant">
                            <img src="resources/Picture/8768781-1_b.jpg" class="merchantImg">
                            <br>
                            <a>管理是什么</a>
                            <br>
                             市场价：￥56.0
                             <br>
                             特价：￥50.0
                             <br>
                             <img src="resources/images/icon_car.gif">
                             <img src="resources/images/icon_buy.gif">
                         </div>

                    </div>
                </div>

                <div class="areaWrap">
                    <div class="areaTitleWrap">
                        <img class="logo" src="resources/images/NewGoods_03.gif">
                        <img class="more" src="resources/images/icon_more.gif">
                    </div>
                    <hr>
                    <div class="merchantWrap">
                        <div class="merchant">
                            <img src="resources/Picture/8768781-1_b.jpg" class="merchantImg">
                            <br>
                            <a>管理是什么</a>
                            <br>
                            市场价：￥56.0
                            <br>
                            特价：￥50.0
                            <br>
                            <img src="resources/images/icon_car.gif">
                            <img src="resources/images/icon_buy.gif">
                        </div>
                        <div class="merchant">
                            <img src="resources/Picture/8768781-1_b.jpg" class="merchantImg">
                            <br>
                            <a>管理是什么</a>
                            <br>
                            市场价：￥56.0
                            <br>
                            特价：￥50.0
                            <br>
                            <img src="resources/images/icon_car.gif">
                            <img src="resources/images/icon_buy.gif">
                        </div>
                        <div class="merchant">
                            <img src="resources/Picture/8768781-1_b.jpg" class="merchantImg">
                            <br>
                            <a>管理是什么</a>
                            <br>
                            市场价：￥56.0
                            <br>
                            特价：￥50.0
                            <br>
                            <img src="resources/images/icon_car.gif">
                            <img src="resources/images/icon_buy.gif">
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        版权所有：长春优尼克斯软件有限公司-魏建波
    </div>
</div>
</body>
</html>